@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px; font-size:14px; color:#555; font-family:"微软雅黑", "宋体", Arial; list-style: none; text-decoration: none;}

.top{width:100%; height:41px; background-image: url(../images/bg-top.jpg);}
.top .frame{width:1280px; margin:0 auto; height:41px; overflow:hidden;}
.top .frame .top-welcome{float:left; width:500px; height:40px; line-height:40px; color:#555; font-size:14px; margin-left:20px;}
.top .frame .top-nav{float:right; width:500px; height:40px; line-height:40px; overflow:hidden;}
.top .frame .top-nav ul li{display:block; padding:0 6px; float:right; font-size:14px; color:#555;}
.top .frame .top-nav ul li a{color:#555; font-size:14px;}
.top .frame .top-nav ul li a:hover{color:#f00;}


.logo{width:100%; height:130px;}
.logo .frame-logo{width:1280px; margin:0 auto; overflow:hidden; height:130px; padding-top:32px; box-sizing:border-box; }
.logo .frame-logo .logo-yj{width:537px; height:69px; float:left; margin-left:30px;}
.logo .frame-logo .search-yj{width:320px; float:left; margin-left:100px; margin-top:18px;}
.logo .frame-logo .search-yj .search-text{width:248px; height:36px; float:left;}
.search-top1{display:block;width:100%; height:36px; line-height:36px; color:#666; font-size:12px; border:1px solid #CCC; border-right:none; outline:none; padding-left:16px; box-sizing:border-box;}
.logo .frame-logo .search-yj .search-btn{float:left; width:72px; height:36px; line-height:36px; background-color:#00468c; text-align:center; color:#fff; font-size:14px;}
.logo .frame-logo .search-yj .search-btn a{color:#fff;}
.logo .frame-logo .top-tel{width:180px; float:right; margin-right:48px; }


.nav{width:100%; height:50px; background-color:#00468c;}
.nav .frame-nav{width:1280px; margin:0 auto; height:50px;}
.nav .frame-nav ul li{float:left; height:50px;  width:12.5%; line-height:50px;}
.nav .frame-nav ul li a{display:block; float:left;color:#fff; font-size:18px; width:100%; height:50px; line-height:50px;  text-align:center;}
.nav .frame-nav ul li a:hover{background-color:#0faee9;}
.nav .frame-nav ul li a.active{background-color:#0faee9;}

.banner{width:100%;overflow:hidden;height:496px;position:relative}
.banList{position:absolute;left:50%;margin-left:-960px;height:470px}
.banList li{height:496px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:20px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#fff;width:15px;height:15px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#fc8f0f;cursor:pointer}




.main1{width:1280px; margin:30px auto 40px; overflow:hidden;}
.main1 .main1-left{float:left; width:360px; padding-bottom:42px; background-image:url(../images/bg-main1-left.jpg); background-position:center top; background-size:100%; background-repeat: repeat-y;}
.main1 .main1-left .left1-1{width:234px; height:91px; margin:22px auto;}
.main1 .main1-left .left1-2{width:312px; height:48px; margin:0 auto; background-color:#0959a8; background-image:url(../images/icon-main1-1.jpg); background-repeat: no-repeat; background-position:230px 20px; overflow:hidden; margin-bottom:8px;}
.main1 .main1-left .left1-2 .left1-icon{float:left; width:19px; height:19px; margin-top:15px; margin-left:36px;}
.main1 .main1-left .left1-2 .left1-text{float:left; width:100px; height:48px; line-height:48px; margin-left:14px;}
.main1 .main1-left .left1-2 .left1-text a{color:#d9e5f8; font-size:18px;}
.main1 .main1-left .left1-2 .left1-text a:hover{color:#ffffff; }
.main1 .main1-right{float:right; width:920px; height:800px;}
.main1 .main1-right .main1-r-t{width:920px; margin-bottom:18px; overflow:hidden;}
.main1-t1 a{float:left; width:450px; height:388px; border:6px solid #f0f0f0; box-sizing:border-box; margin:0.35rem;}
.main1-t1 a:hover{border:6px solid #3f91ea;}
.main1-product{width:346px; height:326px;margin:0 auto;}
.main1-name{width:346px; height:38px; line-height:38px; text-align:center; font-size:18px; color:#555; margin:4px auto 0;}
.main1-t2 a{float:right; width:450px; height:388px; border:6px solid #f0f0f0; box-sizing:border-box;}
.main1-t2 a:hover{border:6px solid #3f91ea;}
.main1 .main1-right .main1-r-d{width:920px; overflow:hidden;}

.main2{width:100%; height:820px; background-color:#f1f1f1;}
.main2 .frame{width:1280px; height:780px; margin:0 auto;}
.main2 .frame .title{width:232px; height:110px; margin:0 auto;padding-top:42px;}
.main2 .frame .main2-c{width:1280px; height:560px; margin:0 auto; overflow:hidden;}
.main2 .frame .main2-c .main2-product{float:left; width:300px; height:236px; margin:10px;  margin-top:20px; background-color:#ddd; box-sizing:border-box;}

.zzsc {width:300px;height:236px;margin:auto;position:relative; border:1px solid #999; box-shadow: 2px 2px 2px #d8d8d8;}
.text {width:300px;height:auto;background-color:#333333;FILTER:alpha(opacity=60);opacity:0.7;-moz-opacity:0.7;position:absolute;left:0px;bottom:0px;}
.imgbt {width:280px;height:30px;padding:0px 10px;}
.imgbt span {display:block;}
.span_a {width:210px;line-height:30px;float:left;font-size:14px;color:#FF3366;padding-right:10px;}
.span_b {width:60px;line-height:30px;float:left;font-size:16px;color:#FF3366;font-family:Georgia, "Times New Roman", Times, serif;text-align:right;}
.imgtext {width:280px;height:auto;float:left;padding:10px;color:#fff;font-size:16px;line-height:200%;text-align:center;}
.main2 .frame .main2-more{width:174px; height:41px; margin:16px auto;}

.main3{width:1280px; height:670px; margin:0 auto;}
.main3 .frame{width:1280px; height:602px; margin:40px auto;  overflow:hidden;}
.main3 .frame .main3-left{width:88px; height:602px; float:left;}
.main3 .frame .main3-content{width:670px; height:602px; float:left;}
.main3 .frame .main3-content .main3-title{width:209px; height:100px; margin:22px 0 16px 30px;}
.main3 .frame .main3-content .main3-text{width:628px; height:376px; margin-left:30px; overflow:hidden;}
.main3 .frame .main3-content .main3-text p{color:#535353; font-size:16px; line-height:1.9; text-indent:2em;}
.main3 .frame .main3-content .main3-more{width:174px; height:41px; float:right; margin-top:24px; margin-right:18px;}
.main3 .frame .main3-right{width:502px; height:602px; float:right; }

.main4{width:100%; height:580px; background-image:url(../images/bg-main4.jpg);}
.main4 .frame{width:1280px; margin:0 auto; padding-top:56px; overflow:hidden;}
.main4 .frame .main4-left{width:608px; height:480px; float:left; margin-left:20px;}
.main4 .frame .main4-left .main4-ry{width:608px; height:83px;}
.main4 .frame .main4-left .main4-ry2{width:608px; height:290px; margin-top:30px;overflow:hidden;}
.main4 .frame .main4-left .main4-ry2 ul li{width:272px; height:280px; float:left; margin:15px;}
.main4 .frame .main4-left .main4-ry2 .ry-pic{width:272px; height:199px;}
.main4 .frame .main4-left .main4-ry2 .ry-text{width:272px; height:40px; line-height:40px; margin-top:12px; text-align:center; color:#535353; font-size:16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.main4 .frame .main4-left .main4-more1{width:174px; height:41px; float:right; margin-right:30px; margin-top:10px;}
.main4 .frame .main4-right{width:608px; height:480px; float:right; margin-right:20px;}
.main4 .frame .main4-right .main4-news{width:608px; height:83px;}
.main4 .frame .main4-right .main4-news-c{width:608px; height:255px;margin-top:30px;}
.main4 .frame .main4-right .main4-news-c ul li{width:580px; height:50px; border-bottom:1px #999 dotted;margin:0 auto;}
.main4 .frame .main4-right .main4-news-c .news-title{width:70%; height:50px; line-height:50px; padding-left:30px; background-image:url(../images/icon01.jpg); background-repeat: no-repeat; background-position:9px 22px; float:left;  box-sizing:border-box; white-space: nowrap; text-overflow: ellipsis;}
.main4 .frame .main4-right .main4-news-c .news-title a{color:#535353; font-size:16px;}
.main4 .frame .main4-right .main4-news-c .news-title a:hover{color:#f00;}
.main4 .frame .main4-right .main4-news-c .news-time{width:30%; height:50px; line-height:50px; float:right; text-align:center; color:#535353; font-size:16px;}
.main4 .frame .main4-right .main4-more2{width:174px; height:41px; float:right; margin-right:30px; margin-top:40px;}

.down{width:100%; height:386px; background-image:url(../images/bg-down.jpg); background-repeat: repeat-x;}
.down .nav-down{width:1120px; height:20px; padding-top:20px; padding-bottom:32px; margin:0 auto;}
.down .nav-down ul{overflow:hidden;}
.down .nav-down ul li{display:block; float:left; height:20px; line-height:20px; padding-left:20px; padding-right:20px; color:#fff; font-size:16px;}
.down .nav-down ul li a{color:#fff; font-size:16px;}
.down .nav-down ul li a:hover{color:#f00;}
.down .content-down{width:1280px; height:212px; overflow:hidden;margin:26px auto 30px;}
.down .content-down .down-logo{width:196px; height:212px; border-right:1px solid #4d6f8d; float:left;}
.down .content-down .down-logo .logof{width:130px; height:80px; margin:0 auto; padding-top:16px;}
.down .content-down .down-tel{width:560px; height:212px; float:left; padding-left:30px;margin-bottom:22px;}
.down .content-down .down-add{width:530px; height:128px;}
.down .content-down .down-add p{font-size:16px; color:#fff; height:30px; line-height:30px;margin-top:16px;}
.down .content-down .down-code{width:174px; height:212px; float:left;}
.down .content-down .down-code .code{width:125px; height:125px; padding-top:26px;}
.down .content-down .down-tel-right{width:312px; height:212px; float:right;padding-top:20px;}
.down .content-down .down-tel-right .down-ntel{width:312px; height:83px; margin-bottom:30px;}
.down .content-down .down-tel-right .down-message{display:block; width:112px; height:32px; line-height:32px; text-align:center;}
.down .content-down .down-tel-right .down-message a{display:block; background-color:#0287d1;border-radius:15px; font-size:16px; color:#fff;}
.down .content-down .down-tel-right .down-message a:hover{background-color:#016ca7; }
.down .copy{width:1100px; margin:0 auto; overflow:hidden;}
.down .copy-left{width:600px;height:44px; line-height:44px; color:#6a8fb0; font-size:16px; float:left;}
.down .copy-right{width:460px;height:44px; line-height:44px; color:#6a8fb0; font-size:16px; float:right; text-align:right;}



/*关于我们*/
.banner-about{width:100%; height:430px;}
.content{width:100%; background-color:#f2f2f2;}
.content .frame{width:1280px; margin:0 auto;}
.content .frame .lanmu{width:1280px; height:58px; border-bottom:1px solid #c2c2c2; padding-top:20px; overflow:hidden;}
.content .frame .lanmu .lanmu-left{float:left; width:350px; height:58px; line-height:58px;padding-left:16px; font-size:24px; font-weight:bold; color:#333;}
.content .frame .lanmu .lanmu-left .lanmu-left2{color:#999; font-size:18px;}
.content .frame .lanmu .lanmu-right{float:right; width:400px; height:50px;overflow:hidden;margin-right:20px;}
.content .frame .lanmu .lanmu-right ul{overflow:hidden;}
.content .frame .lanmu .lanmu-right ul li{display:block; height:50px; line-height:50px; float:right; font-size:16px; color:#535353; padding:0 6px;}
.content .frame .lanmu .lanmu-right ul li a{font-size:16px; color:#535353; }
.content .frame .lanmu .lanmu-right ul li a:hover{color:#f00;}
.content .frame .f-main{width:1280px; background-color:#fff; margin:20px auto; padding:40px 30px; box-sizing:border-box; overflow:hidden;
-webkit-box-shadow:1px 1px 3px #dfdfdf;
-moz-box-shadow:1px 1px 3px #dfdfdf;
box-shadow:1px 1px 3px #dfdfdf; } 
.content .frame .f-main .about-pic{width:360px; height:418px; float:left;}
.content .frame .f-main .about-text{width:800px; float:left; margin-left:20px;}
.content .frame .f-main .about-text p{font-size:16px; color:#535353; line-height:2; text-indent:2em;}


/*新闻中心*/
.content .frame .f-main .news-frame{width:1180px; height:134px; margin:0 auto 26px; overflow:hidden; }
.content .frame .f-main .news-frame a{display:block; width:1180px; height:134px; background-color:#f7f7f7;}
.content .frame .f-main .news-frame a:hover{background-color:#02529b; }
.content .frame .f-main .news-frame .news-left{width:920px; height:100px; float:left;margin-left:60px; margin-top:16px;} 
.content .frame .f-main .news-frame a:hover .news-title{color: #fff;}
.content .frame .f-main .news-frame a:hover .news-n{color: #fff;}
.content .frame .f-main .news-frame a:hover .news-time{color:#fff;}
.content .frame .f-main .news-frame a:hover .news-more{color:#fff; border-color:#fff;}
.content .frame .f-main .news-frame .news-left .news-title{width:920px; height:30px; line-height:30px; color:#535353; font-size:16px;margin-bottom:10px;}
.content .frame .f-main .news-frame .news-left .news-n{width:920px; height:54px; line-height:27px; color:#535353; font-size:14px; overflow:hidden;}
.content .frame .f-main .news-frame .news-right{width:150px; height:100px; float:right; margin-right:30px;padding-top:20px; box-sizing:border-box;}
.content .frame .f-main .news-frame .news-right .news-time{width:150px; height:50px; line-height:50px; color:#535353; font-weight:bold; text-align:center; font-size:20px;}
.content .frame .f-main .news-frame .news-right .news-more{display:block; width:100px; height:30px; line-height:30px; color:#535353; border-radius:15px; border:1px #535353 solid; text-align:center; margin:4px auto;}
.content .frame .f-main .news-pages{width:700px; float:right; margin-right:20px; margin-top:20px; margin-bottom:20px;}
/*新闻分页*/
ul.pagination {display: inline-block;padding: 0;margin: 0;}
ul.pagination li {display: inline;}
ul.pagination li a {color: black;float: left;padding: 8px 16px;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd;margin: 0 4px;}
ul.pagination li a.active {background-color: #02529b;color: white;border: 1px solid #02529b;}
ul.pagination li a:hover:not(.active) {background-color: #ddd;}
/*新闻分页end*/


/*新闻中心详情页*/
.content .frame .f-main .news-ntitle{width:900px; margin:20px auto 30px; text-align:center; font-size:28px; line-height:2; color:#333; font-weight:bold;}
.content .frame .f-main .news-ntime{width:1120px; height:44px; line-height:44px; background-color:#f5f5f5; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;margin:0 auto; text-align:center;}
.content .frame .f-main .news-article{width:1120px; max-width:1120px; margin:0 auto;}
.content .frame .f-main .news-article .news-img{margin:30px auto; text-align:center; max-width:900px;}
.content .frame .f-main .news-article .news-text{width:1120px; max-width:1120px;  margin:2rem auto;}
.content .frame .f-main .news-article .news-text img{width:1120px; max-width:1120px;  margin:2rem auto;}
.content .frame .f-main .news-article .news-img{width:1120px; max-width:1120px;  margin:0 auto;}
.content .frame .f-main .news-article .news-text p{line-height:2.4; color:#535353; text-indent:2em; font-size:16px;}
.news-bodypage{width:1120px; height:48px; line-height:48px; margin:20px auto; background-color:#f2f2f2;padding-left:40px;}
.news-bodypage a{color:#535353; font-size:16px; }
.news-bodypage a:hover{color:#f00;}


/*产品中心*/
.content .frame .f-main .fenlei{width:1160px; margin:0 auto 20px;}
.content .frame .f-main .fenlei ul{overflow:hidden;}
.content .frame .f-main .fenlei ul li{display:block; float:left; width:180px; height:42px; line-height:42px; text-align:center; font-size:16px;margin:6px;}
.content .frame .f-main .fenlei a{display:block;width:180px; height:42px; background-color:#f2f2f2; color:#535353; font-size:16px;}
.content .frame .f-main .fenlei a:hover{background-color:#00468c; color:#fff;}
.content .frame .f-main .fenlei a.active{background-color:#00468c; color:#fff;}
.content .frame .f-main .chanpin{width:1180px; margin:0 auto; }
.content .frame .f-main .chanpin ul{overflow:hidden;}
.content .frame .f-main .chanpin ul li a{display:block; float:left; width:352px; height:352px; border:5px solid #f1f1f1; margin:14px;}
.content .frame .f-main .chanpin ul li a:hover{border:5px solid #2679cc;}
.content .frame .f-main .chanpin ul li a:hover .product-name{color:#535353; background-color:#f4f9ff; }
.content .frame .f-main .chanpin .product-pic{max-width:300px; width:300px; max-height:280px; height:280px; margin:20px auto 0;}
.content .frame .f-main .chanpin .product-pic img{display:block;max-width:300px; height:280px;}
.content .frame .f-main .chanpin .product-name{width:352px; height:52px; line-height:52px; text-align:center; color:#535353; font-size:16px; margin:0 auto;}
.content .frame .f-main .chanpin ul li a .product-name{color:#535353; }

/*产品详情页*/
.content .frame .f-main .product2-title{width:1180px; height:100px; line-height:100px; border-bottom:1px dotted #999; margin:0 auto; font-size:28px; text-align:center; color:#333; font-weight:bold;}
.content .frame .f-main .product2-n{max-width:1150px; width:1150px; margin:30px auto; }


/*工程案例*/
.case-frame{width:1140px; margin:0 auto;}
.strength{padding-top:0px;}
.strengthMain{overflow:hidden;}
.strengthMain li{float:left;width:360px;height:330px;overflow:hidden;background:#000;position:relative;margin:10px; }
.strengthMain li img{width:360px;height:330px;transition:all .5s;opacity:1;filter:alpha(opacity=40);}
.strengthMain li a:hover img{width:360px;height:330px;transition:all .5s;opacity:0.5;filter:alpha(opacity=40);}
.strengthMain li a:hover .font h3{font-size:20px;}
.strengthMain li .font{width:360px;height:180px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:150px;}
.strengthMain li .font h3{width:260px; margin:0 auto; color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  font-size: 0px;}
.strengthMain li:hover img{transform: scale(1.05, 1.05);}
.strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;}




/*企业荣誉*/
.content .frame .f-main .honor-frame{width:1140px; margin:0 auto;}
.picC{width:100%; margin:50px auto; -webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;list-style-type:none;}
.picC li{margin:20px 10px 20px 10px ;}
.picC li img{width:100%;}



/*网上留言*/
.content .frame .f-main .message-pic{width:362px; height:448px; float:left;margin:40px 0 40px 60px;}
.content .frame .f-main .message-text{width:700px; height:446px; margin-top:40px; float:left; margin-left:20px; }
.content .frame .f-main .message-text .message-n1{width:700px; height:62px; overflow:hidden;}
.content .frame .f-main .message-text .message-n1 .message-n1left{width:110px; float:left;height:62px; line-height:62px; text-align:right; color:#535353; font-size:16px; }
.content .frame .f-main .message-text .message-n1 .message-n1right{width:560px; height:62px; float:left;}
.message1{border:1px #e4e4e4 solid; background-color:#fff; padding-left:10px; line-height:32px; color:#cecece; font-size:14px;font-family:"微软雅黑", "宋", Arial; width:340px; height:32px; margin-top:14px;}
.content .frame .f-main .message-text .message-n2{width:700px; height:140px; overflow:hidden;}
.content .frame .f-main .message-text .message-n2 .message-n2left{width:110px; float:left;height:140px; text-align:right; color:#535353; font-size:16px; margin-top:20px;}
.content .frame .f-main .message-text .message-n2 .message-n2right{width:560px; height:140px; float:left;}
.message2{border:1px #e4e4e4 solid; background-color:#fff; padding-left:10px; padding-top:6px;color:#cecece; font-size:14px; font-family:"微软雅黑", "宋", Arial; width:500px; height:110px;margin-top:14px;}
.content .frame .f-main .message-text .message-btn{width:700px; height:40px;margin-top:16px; padding-left:110px;}
.btn1{width:340px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:16px; background-color:#2e6fb8; border:none;}


/*联系我们*/
.content .frame .f-main .contact-tel{width:1140px; margin:0 auto; }
.content .frame .f-main .contact-tel p{font-size:16px; color:#535353; line-height:3;}
.content .frame .f-main .contact-map{width:1140px; height:460px; margin:30px auto;}
/*百度地图*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
/*百度地图*/